<template>
        <div class="my-container">
                <el-row>
                        <el-col :span="6">
                                <!-- 个人介绍 -->
                                <ProjectCard :featureData="featureData"></ProjectCard>
                        </el-col>
                        <el-col :span="18">
                                <!-- 功能板块 -->
                                <el-card class="user-container">
                                        <FeatureTab :featureData="featureData"></FeatureTab>
                                </el-card>
                        </el-col>
                </el-row>
        </div>
</template>

<script setup>
import ProjectCard from "./components/ProjectCard.vue"; // 个人介绍板块
import FeatureTab from "./components/FeatureTab.vue"; // 个人介绍板块
import {getFeature} from '@/apis/getData'
import {ref} from 'vue'

const featureData = ref([])
const getFeatureFn = async ()=>{
       const {data} =  await getFeature()
       featureData.value = data
}
getFeatureFn()
</script>


<style lang="scss">
.my-container{
        // max-height: 600px;
        // overflow-y: scroll;
}
</style>